// JavaScript Document
$(document).ready(function() {
    var num = $('#dotlist span').length;
	var i_num = 0;
	var timer_banner = null;
	
	$('#imgzone li:gt(0)').hide(); //页面加载仅显示第一张图片
	
	//点击span小图标切换效果
	$('#dotlist span').click(
	    function(){
			//切换小图标
			$(this).addClass('onshowspan').siblings('span').removeClass('onshowspan');
			//切换图片
			var i_num1 = $('#dotlist span').index(this);
			$('#imgzone li').eq(i_num1).fadeIn('slow').siblings('li').fadeOut('slow');
			i_num = i_num1;
			}
	);
	
	//自动播放函数
	loop();
	
	function loop(){
		timer_banner = setInterval(
		    function(){
				moveright()
				}, 3000);
		}
	
	function moveright(){
		if (i_num == num-1){
			i_num = -1;
			}
		$('#imgzone li').eq(i_num+1).fadeIn('slow').siblings('li').fadeOut('slow');
		$('#dotlist span').eq(i_num+1).addClass('onshowspan').siblings('span').removeClass('onshowspan');
		i_num++;
		}
	
	//鼠标效果
	$('#showzone').mouseover(
	    function(){
			clearInterval(timer_banner);
			$('.turnleft').show();
			$('.turnright').show();
			}
	);
	
	$('#showzone').mouseout(
	    function(){
			loop();
			$('.turnleft').hide();
			$('.turnright').hide();
			}
	);
	
	
	//点击右箭头切换效果
	$('.turnright').click(
	    function(){
		    moveright();
		}
	);
	
	$('.turnright').mouseover(
	    function(){
			$('.turnright').addClass('turnright1');
			}
	);
	
		$('.turnright').mouseout(
	      function(){
			$('.turnright').removeClass('turnright1');
			}
	);
	
	//点击左箭头切换效果
	$('.turnleft').click(
	    function(){
			if (i_num == 0){
				i_num = num;
				}
			$('#imgzone li').eq(i_num-1).fadeIn('slow').siblings('li').fadeOut('slow');
			$('#dotlist span').eq(i_num-1).addClass('onshowspan').siblings('span').removeClass('onshowspan');
			i_num--;
			}
	);
	
		$('.turnleft').mouseover(
	      function(){
			$('.turnleft').addClass('turnleft1');
			}
	);
	
		$('.turnleft').mouseout(
	      function(){
			$('.turnleft').removeClass('turnleft1');
			}
	);
	


	
});

